<template>
  <div class="min-h-screen bg-gray-100">
    <!-- header -->
    <div class="flex  items-center  bg-black text-white px-20 h-10">
      <span class="text-sm">欢迎注册！</span>
      <a href="/homePage" class="  text-yellow-300 text-lg">返回亿购网首页</a>
    </div>

    <div class="container mx-auto px-20">
      <!-- logo -->
      <div class="flex justify-center items-center">
        <img src="@/assets/logo/logo.png" alt="logo" class="w-40"></img>
      </div>
      <div class="flex items-center ">
        <div class="border w-2/5 border-gray-300"></div>
        <span class="inline-block w-2 h-2 rounded-full bg-gray-500"></span>
        <p class=" w-1/5 text-center">请选择你要注册的类型</p>
        <span class="inline-block w-2 h-2 rounded-full bg-gray-500"></span>
        <div class="border w-2/5 border-gray-300"></div>
      </div>
       <div class="text-center p-2 text-red-500  flex  items-center justify-center">
        <div class="text-sm px-6  py-2 bg-red-50 rounded shadow-md" v-if="lastPath=='wx'">各类网销卖家、批发商、专业买手统一注册类型为网销卖家</div>
        <div class="text-sm px-6  py-2 bg-red-50 rounded shadow-md" v-if="lastPath=='gh'">女鞋生产企业以及经销供货、代理商统一注册类型为供货商家</div>
      </div>
    </div>
    <div class="container mx-auto flex justify-end px-20 py-6 items-center">
      <span class="text-gray-400">已有账号？</span>
      <a href="/login" class="text-red-600 text-lg">立即登录</a>
    </div>
    <!-- 路由组件 -->
    <router-view></router-view>
  
    <div class="container mx-auto px-20 mt-2">
      <Footer2 />
    </div>
  </div>


</template>

<script setup>
import {ref, reactive,onMounted,watch} from 'vue';
import Footer2 from '@/components/Footer2.vue';
import {useRouter,useRoute} from 'vue-router';
const router  = useRouter()
const  route = useRoute()
const lastPath = ref()
watch(()=>route.path,(newVal,oldVal)=>{
  console.log(newVal,'<<<newVal',oldVal,'<<<oldVal');
  lastPath.value = newVal.substring(newVal.lastIndexOf("/") + 1)
})


</script>
<style lang="less" scoped>


</style>